<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
    <script src="../lib/vue2.5.15.js"></script>
    <script src="../lib/moment.js"></script>
</head>
<body>
<div id="app">
    {{date|dateFormat}}<br>
    {{date|dateFormat2('YYYY年MM月DD日 HH:mm:ss')}}
</div>
</body>
<script>
    // 新建实例
    var app = new Vue(
        {
            el:"#app",
            data:{
                msg:"测试",
                date:new Date(),
            },
            methods:{

            },
            filters:{
                dateFormat(value){
                    return moment(value).format('YYYY-MM-DD HH:mm:ss');
                },
                dateFormat2(value,formatStr){
                    return moment(value).format(formatStr);
                }
            }
        }
    )
</script>
</html>